*{
    margin: 0;
    padding: 0;
}
header{
    width: 940px;
    padding: 30px 20px 20px;
    margin: 0 auto; 
    overflow: hidden;
    img{
        float: left;
        height: 35px;
    }
    .header_1{
        float: right;
        font-size: 14px;
        a{
            display: inline-block;
            width: 80px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #0d8dfd;
            border: 1px solid #ddd;
            background-color: #fff;
            text-decoration: none;
        }
    }
}
.neirong{
    background: url(../../img/bg.jpg) top no-repeat;
    background-size: cover;
    min-height: 550px;
    overflow: hidden;
    padding-bottom: 20px;

    .main{
        width: 940px;
        padding: 40px 20px;
        margin: 0 auto;
        img{
            float: left;
            margin-top: 35px;
        }
        .login{
            width: 370px;
            margin-top: 35px;
            background: #fff;
            border-radius: 4px;
            float: right;
            padding-bottom: 10px;
            .login-t{
                a{
                    color:#666666;
                }
                padding: 10px 35px 0;
                font-size: 0;
                text-align: center;
                border-bottom: 1px solid #edeef0;
                .login-btn{
                    display: inline-block;
                    width: 50%;
                    line-height: 50px;
                    font-size: 14px;
                    font-weight: 700;
                    cursor: pointer;
                    padding-bottom: 10px;
                    border-bottom: 1px solid  #FFFFFF;
             
                   &:hover{ border-bottom: 1px solid #0d8dfd;}
                }
            }
            .login-b{
                padding: 0 35px;
                .form-text{
                    display: none;
                    div{
                        margin-top: 5px;
                        input{
                            text-indent: 12px;
                            width: 100%;
                            height: 45px;
                            border: 1px solid #ddd;
                            font-size: 14px;
                            outline-style: none;
                        }
                        span{
                            display: inline-block;
                            width: 120px;
                            height: 47px;
                            line-height: 47px;
                            font-size: 12px;
                            text-align: center;
                            color: #757575;
                            cursor: pointer;
                            background-color: #ddd;
                        }
                    }
                    .yanzheng input,.duanxin input{                       
                            width: calc(100% - 130px);
                    }
                    .yanzheng{
                        .login-t{
                            a{
                                color:#666666;
                            }
                            padding: 10px 35px 0;
                            font-size: 0;
                            text-align: center;
                            border-bottom: 1px solid #edeef0;
                        }
                            .suiji{ 
                                position: relative;
                                top: 17px;
                                width:100px;
                                // height:50px;
                                /*background-color: #1a85a5;*/
                                background-color: #0d8dfd;
                                // background: url("timg.jpg") no-repeat;
                                background-size: 100% 100%;
            
                            p{  
                                margin:0px;
                                padding:0px;
                                float: left;
                                width: 25%;
                                height:50px;
                                text-align: center;
                                line-height: 50px;
                                transform:rotate(7deg);
                                font-weight: bold;
                    
                            }
                        }
                    }
                    
                }   
                .active{
                    display: block;
                    .mobile_hint,.ma1_hint{
                        height: 10px;
                        line-height: 12px;
                    }
                    
                }
                .form-btn input{
                    border: none;
                    width: 100%;
                    height: 45px;
                    line-height: 45px;
                    font-size: 20px;
                    font-weight: 500;
                    margin-top: 10px;
                    background-color: #0d8dfd;
                    cursor: pointer;
                    text-align: center;
                    color: #fff;
                    border-radius: 4px;
                }
                .agree{
                    line-height: 32px;
                    padding: 5px 0;
                    font-size: 12px;
                    input{
                        width: 20px;
                        height: 32px;
                        vertical-align: top;
                    }
                    a{
                        color: #0d8dfd;
                    }
                }
                .qita{
                    // position: relative;
                   div {
                    font-size: 12px;
                    display: inline-block;
                    width: 70px;
                    height: 1px;
                    float: left;
                    background-color: #666;
                    }
                    span{
                        font-size: 12px;
                        float: left;
                        display: inline-block;
                        line-height: 3px;
                        // position: absolute;
                    }
                    em:nth-of-type(1){
                   
                        background: url(../../img/login_icons.png) repeat-x;
                        background-position: -53px -280px;
                        width: 32px;
                        height: 32px;
                        margin-top: 32px;
                        margin-left: 110px;
                        float: left;
                    }  
                    em:nth-of-type(2){
                   
                        background: url(../../img/login_icons.png) repeat-x;
                        background-position: -98px -280px;
                        width: 32px;
                        height: 32px;
                        margin-top: 32px;
                        margin-right: 111px;
                        float: right;
                    } 
                    p{
                        float: left;
                        font-size: 12px;
                       text-align: center;
                       min-height: 41px;
                       margin-top: 10px;
                       width: 295px;
                      
                    }
                }
                }
            }
        }
    }

.foot{
    padding: 30px 0 20px;
    width: 1210px;
    margin: 0 auto;
    text-align: center;
    line-height: 28px;
    color: #666;
    font-size: 12px;
    a{
        color: #666666;
    }
}
